<!DOCTYPE html>
<html lang="kr">
    <head>
        <meta charset="utf-8">
        <link href="uploadfile.css" rel="stylesheet">
        <script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
        <script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
        <script src="jquery.uploadfile.min.js"></script>
    </head>
    <body>
        Scroll Issue:

        <div id="mulitplefileuploader">Upload</div>

        <div id="status"></div>
        <script  language='JavaScript' charset='utf-8'>
            $(document).ready(function()
            {
                var settings = {
                    url: "upload.php",
                    dragDrop: true,
                    fileName: "myfile",
                    allowedTypes: "jpg,png,gif,doc,pdf,zip",
                    returnType: "json",
                    onSuccess: function(files, data, xhr)
                    {
                        alert((data));
                    },
                    showDelete: true,
                    deleteCallback: function(data, pd)
                    {
                        for (var i = 0; i < data.length; i++)
                        {
                            $.post("delete.php", {op: "delete", name: data[i]},
                            function(resp, textStatus, jqXHR)
                            {
                                //Show Message  
                                $("#status").append("<div>File Deleted</div>");
                            });
                        }
                        pd.statusbar.hide(); //You choice to hide/not.

                    }
                }
                var uploadObj = $("#mulitplefileuploader").uploadFile(settings);


            });
        </script>
    </body>

